
body {margin:0 auto;overflow:hidden;}  
.count {
	position: absolute;
	width: 500px;
	height: 300px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	/* transform: translateX(-50%); */
	z-index: 12;
}
body,
        ul {
            margin: 0;
        }
        ul {
            list-style: none;
			overflow: hidden;
			margin: 0;
			padding: 0;
        }
        #cumulative  li {
            float: left;
            width: 30%;
            height: 300px;
            line-height: 300px;
            text-align: center;
            font-size: 50px;
            font-weight: 600;
            /* -webkit-box-shadow: 0 0 6px #1d7eb8; */
            color: #ffffff;
			margin-right: 10px;
			/* background: -webkit-linear-gradient(left, rgba(3, 3, 3, 0), rgba(248, 248, 248, 0.6), rgba(2, 2, 2, 0)); */
        }
        #cumulative  li span {
            display: block;
            width: 100%;
            height: 300px;
            /* -webkit-box-shadow: 0 0 6px #1d7eb8; */
        }
        .clear-fix:after {
            content: '';
            display: block;
            width: 0;
            height: 0;
            clear: both;
        }
        .clear-fix {
            zoom: 1;
        }
/*=============第一页=============*/	
.header{
	margin:0 auto;
	width:100%;
	height:640px;
	background-color:#000;
	position:relative;
	}
.header canvas {
	width:100%;height:auto/*默认全屏显示 可自己设置高度640px*/;
	display:inline-block;vertical-align:baseline;
	position:absolute;
	/* z-index:-1; */
	}
.header .canvaszz{  /*用来解决视频右键菜单，用于视频上面的遮罩层*/
	width:100%;
	background-image: url(img/in_top_bj.jpg);
	height:640px;
	position:absolute;
	z-index:10;
		filter:alpha(opacity=40);  
      	-moz-opacity:0.4;  
      	-khtml-opacity: 0.4;  
      	opacity: 0.4;
	}

.header .top_logo{
	background-image: url(img/top_logo.png);
	margin:0 auto;
	width:750px;
	height:200px;
	position:absolute;
	z-index:30;
	top:10px;
	left: 50%;
	margin-left: -390px;
	}	

.header .nav.a{
	position:absolute;
	z-index:30;
	top:50%;
	right: 0;
	width: 305px;
	left: 0;
	margin: auto;
	transform: translateY(-50%);
	
	}
	.header .nav.b{
		position:absolute;
		z-index:30;
		top:50%;
		right: -2px;
		width: 305px;
		transform: translateY(-50%);
		
		}
	#btn {
		outline: none;
		position: absolute;
		bottom: 50px;
		left: 50%;
		width: 500px;
		height: 43px;
		background:url(img/nav_gv.png) repeat 0px 0px;
		background-size: 500px 86px;
		border: none;
		transform: translateX(-50%);
		line-height: 43px;
		cursor: pointer;
		transition: 0.5s;
		z-index: 12;
		color: #fff;
	}
	#btn:hover {
		-webkit-box-shadow: 0 0 6px #1d7eb8;
		background: url(img/nav_gv.png) repeat 0px -43px; 
		transition-duration: 0.5s;
		background-size: 500px 86px;
	}
.header .nav li.gv { 
	text-decoration:none; 
	white-space: nowrap;
	-webkit-box-shadow: 0 0 6px #1d7eb8;
	/* background:url(img/nav_gv.png) repeat 0px 0px;  */
	width: 0; 
	height: 43px; 
	display: block; 
	text-align:center;		/*水平居中*/
	line-height:43px;  /*上下居中*/
	cursor:pointer;
	/* float:left; */
	margin:8px 2px 8px 2px;
	font:18px/43px 'microsoft yahei'; 
	color:#fff;
	transition-duration: 0.5s;
	background-size: 300px 86px;
	position: relative;
	margin-top: 15px;
	overflow: hidden;
	}
	/* .header .nav li.gv:after {
		content: '';
		display: block;
		width: 83.5%;
		height: 43px;
		background: #fff;
		position: absolute;
		top: 0;
		right: 0;
	}
	.header .nav li.gv:before {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border: solid #fff;
		border-right-width: 0px;
		border-top-width: 0px;
		border-left-width: 50px;
		border-bottom-width: 43px;
		border-top-color: transparent;
		border-right-color: transparent;
		border-left-color: transparent;
	} */
.header .nav li.gv span {
	 display: none;
	 	
}
.header .nav li.gv:hover { 
	/* background: url(img/nav_gv.png) repeat 0px -43px; 
	color:#1d7eb8;
	-webkit-box-shadow: 0 0 6px #1d7eb8;
	transition-duration: 0.5s;
	background-size: 300px 86px; */
	}
	
.header	.topcn{
	width: 980px;
	top:200px;
	left: 50%;
	margin-left: -490px;
	position:absolute;
	z-index:20;

	}